<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label for="c-name" class="control-label col-xs-12 col-sm-2">{:__('Nickname')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[nickname]" type="text" value="{$row['nickname']}">
        </div>
    </div>

    <div class="form-group">
        <div class="form-group">
            <label for="upload_image_file" class="control-label col-xs-12 col-sm-2">{:__('Image file')}:</label>
            <div class="col-xs-12 col-sm-8">
                <img src="{$row['avatar']}" class="img-responsive" >
            </div>
        </div>
        <label for="upload_image_file" class="control-label col-xs-12 col-sm-2">{:__('Upload image file')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="upload_image_file" name="file" class="form-control" type="file">
            <input type="hidden" class="form-control" id="upload_image_path" name="row[avatar]" />
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
